<div class="page">
<header class="bar bar-nav">
  <a class="icon icon-menu pull-left open-panel"></a>
  <h1 class="title">商品列表</h1>
</header>
<div class="content infinite-scroll infinite-scroll-bottom" data-distance="50">

  <div class="list-container list-block" style="margin: .75rem 0;">
    <ul style="border: none;">
      <li class="swipeout" style="border-bottom: none;">
        <!-- Usual list element wrapped with "swipeout-content" -->
        <div class="swipeout-content">
          <!-- Your list element here -->
          <div class="card product" style="margin: 0;">
            <div class="card-content">
              <div class="list-block media-list">

                <div class="item-content">
                  <div class="item-media">
                    <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="44">
                  </div>
                  <div class="item-inner elip" style="border: none;">
                    <div class="item-title-row">
                      <div class="item-title elip">A2 Platinum Infant Formula Stage 1</div>
                    </div>
                    <div class="item-subtitle elip">白金系列1段婴儿配方奶粉</div>
                  </div>
                </div>

              </div>
            </div>
            <div class="card-footer" style="border-top: none;border-radius:0;padding-top: 0;min-height: 1rem;">
              <span>900G</span>
              <span style="color:#CC3300;">￥666</span>
            </div>
          </div>
        </div>

        <!-- Swipeout actions right -->
        <div class="swipeout-actions-right">
          <!-- Swipeout actions links/buttons -->
          <a href="#" style="background: #f60;">加入购物车</a>
          <!--<a class="swipeout-close" href="#">Action 2</a>-->
        </div>
      </li>
    </ul>
  </div>
</div>


</div>
<!-- 侧栏-->
<div class="panel panel-left panel-reveal theme-dark">
  <div class="content-block">
    <div class="list-block">
      <ul>
        <li class="item-content active">
          <div class="item-inner">全部商品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">婴儿奶粉</div>
        </li>
        <li class="item-content">
          <div class="item-inner">成人奶粉</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
        <li class="item-content">
          <div class="item-inner">洗护用品</div>
        </li>
      </ul>
    </div>
    <!-- Click on link with "close-panel" class will close panel -->
    <!--<p><a href="#" class="close-panel">关闭</a></p>-->
  </div>
</div>
<!--侧栏end-->


<script>
  $(function(){
    $('.swipeout:eq(0)').css('border-top','1px solid #e7e7e7');
  });
</script>

